﻿<!DOCTYPE html>
<html lang="en" class="en">
<head>
    <title>首页-demo </title>
    <script type="text/javascript">var P_TIMER_START = new Date();</script>
    <meta name="google-site-verification" content="test" />
    <meta name="application-name" content="吹水吧" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-TileImage" content="/images/logo_trans_144x144.png" />
    <link rel="icon" href="/images/favicon.png" type="image/x-icon" />
    <link rel="apple-touch-icon-precomposed" href="/images/ipad_touch_icon.png" />
    <link rel="stylesheet" href="/styles/pinboard_471dc126.css" type="text/css" media="all" />
    <script src="/Scripts/jquery-1.8.3.js"></script>
    <meta property="fb:app_id" content="test" />
    <meta property="og:site_name" content="吹水吧" />
    <meta property="og:url" content="http://test.com" />
    <meta property="og:title" content="吹水吧" />
    <meta property="og:description" content="吹水吧是一个吹水的社区" />
    <meta property="og:image" content="/images/about/logos/Logo.png" />
    <meta property="og:type" content="website" />
</head>
<body id="CategoriesBarPage">
    <div id="Header">
        <div class="LiquidContainer HeaderContainer">
            <div id="Search">
                <form action="#" method="get" class="text">
                <input type="text" id="query" name="q" size="27" value="" placeholder="Search">
                <a id="query_button" href="#" class="lg">
                    <img src="/images/search.gif" alt="" /></a>
                </form>
            </div>
            <ul id="Navigation">
                <li><a href="#" class="nav" onclick="Modal.show('Add'); return false">Add<span class="PlusIcon"></span></a></li>
                <li>
                    <a href="#" class="nav">About<span></span></a>
                    <ul>
                        <li><a href="#">Help</a></li>
                        <li><a href="#">Pin It Button</a></li>
                        <li class="beforeDivider"><a href="#" target="_blank">For Businesses</a></li>
                    </ul>
                </li>
                <li id="UserNav">
                    <a href="#" class="nav">
                        <img src="/images/user/default_60.png" alt="img" />lardust<span></span></a>
                    <ul>
                        <li><a href="#">Invite Friends</a></li>
                        <li class="beforeDivider"><a href="#">Find Friends</a></li>
                    </ul>
                </li>
            </ul>
            <a href="/index.html" id="Pinterest"></a>
        </div>
    </div>
    <div id="CategoriesBar"
        class="-exp">
        <ul class="LiquidContainer HeaderContainer">
            <li>
                <a href="#" class="nav selected">Following
                </a>&nbsp;&middot;
            </li>
            <li class="submenu">
                <a href="#"
                    class="nav">Categories
      <span></span></a>&nbsp;&middot;
      <ul id="CategoriesDropdown">
          <li>
              <span class="SubmenuColumn">
                  <a href="#">Animals</a>
                  <a href="#">Architecture</a>
                  <a href="#">Art</a>
                  <a href="#">Cars &amp; Motorcycles</a>
                  <a href="#">Celebrities</a>
              </span>
              <span class="SubmenuColumn">
                  <a href="#">Humor</a>
                  <a href="#">Illustrations &amp; Posters</a>
                  <a href="#">Kids</a>
                  <a href="#">Men&#39;s Fashion</a>
              </span>
          </li>
      </ul>
            </li>
            <li>
                <a href="#"
                    class="nav">Everything
                </a>&nbsp;&middot;
            </li>
            <li>
                <a href="#" class="nav">Popular
                </a>&nbsp;&middot;
            </li>
            <li class="submenu">
                <a href="#" class="nav">Gifts<span></span></a>
                <ul>
                    <li>
                        <a href="#">$1-20</a>
                    </li>
                    <li>
                        <a href="#">$20-50</a>
                    </li>
                    <li>
                        <a href="#">$50-100</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <span id="create-board-dialog-container"></span>
    <!-- #Captcha.ModalContainer -->
    <script type="text/javascript">
        $(document).ready(function ()
        {
            //ScrapePinDialog.setup();
            //UploadPinDialog.setup();
            //FancyForm.setup();
        });
    </script>
    <div id="screen_memo"></div>
</body>

</html>
